import React from 'react';
import { Button,} from 'antd';
import {DownloadOutlined} from '@ant-design/icons';

const MinXi = () => {
    return (
      <>
          <h2>查看明细</h2>
          {/* <Search placeholder="身份证号" style={{fontSize: 16,color: '#1890ff',width:240,margin:20,}} onSearch={onSearch} enterButton /> */}
          <div style={{overflow:'hidden'}}>
            <div style={{float:'left',marginLeft:"220px"}}>
             <div style={{margin:"20px"}}><span>卡号 : </span><input readOnly= "true "></input>
             </div>  
             <div style={{margin:"20px"}}><span>姓名 : </span><input readOnly= "true "></input></div>            
             <div style={{margin:"20px"}}><span>身份证 : </span><input readOnly= "true "></input></div>
             <div style={{margin:"20px"}}><span>余额 : </span><input readOnly= "true "></input></div>
            </div>
            <div style={{float:'left',margin:"10px"}}>
             <div style={{margin:"20px"}}><span>类型 : </span><input readOnly= "true "></input></div>
             <div style={{margin:"20px"}}><span>性别 : </span><input readOnly= "true "></input></div>
             <div style={{margin:"20px"}}><span>电话 : </span><input readOnly= "true "></input></div>
            </div>                         
          </div>    
          <div style={{marginLeft:"240px"}}><span>地址:</span><input style={{width:'450px',height:'40px'}}  readOnly= "true "></input></div> 
          <Button type="primary" shape="round" icon={<DownloadOutlined />} style={{margin:'20px 0 0 430px'}}>打印</Button> 
      </>
    );
}

export default MinXi;
